Key Visual's generator / UI/UX Design



Hot ^ key 
Интерактивная студия внутри агентства Instinct. 
Отвечает за создание инновационных продуктов и за образовательную деятельность
внутри индустрии и для брендов.
Слоган компании: 
“Shortcuts to everything tech”.
Миссия:
Упрощать и делать более эффективными процессы в медиапродакшене,
внедрять технологии в маркетинг.


Задачи:
- Разработать генератор Key Visual по текстовому запросу с использованием нейронных сетей;
- Создать понятный интерфейс для нового пользователя и удобный в работе для опытного;
- Обыграть время на создание изображения нейросетью, чтобы пользователь не заскучал;
- Учесть все технические особенности при разработке генератора;
- Создать анимацию того, как нейросеть готовит изображение.​​​​​​​


Анимация, как нейросеть генерирует изображение:




Первоначальная архитектура генератора:




 
 
 






Результат работы:

- Создали простой визуальный функционал с интуитивно понятным web-интерфейсом;
- Разместили всю заполняемую информацию на одном экране с удобной навигацией по шагам;
- Уменьшили риски пользователя за счет возможности посмотреть набросок результата перед оплатой;
- Предоставили возможность внести бесплатные корректировки в итоговую работу 
и выбрать из нескольких готовых решений;
- Углубились в техническую сторону и нарастили функционал;
- Разработали марионетку, чтобы упростить момент создания человеческой позы;
- Создали общую концепцию футуризма и ощущения первооткрывателя в новых технологиях;
- Воплотили идею анимации генерации изображения нейросетью;
- Добавили настройки с учетом особенностей создания Key Visual;
- Разработали генератор с учетом всех требований.



Katrin Lapina (Brand Identity)
|  Telegram Behance  |
Valentin Talakin (UI/UX Design)
 Telegram  |  Behance  |
Maria Merkusheva (Motion Design)
|  Telegram  |  Behance  |
Alla Bogacheva (Teamlead UI/UX Design)
|  Telegram  |  Behance  |
Kira Bezzubenko (UI/UX Designer | Assistant)
|  Telegram  |  Behance  |
Anastasia Seregina (Graphic Designer | Assistant)
|  Telegram  |  Behance  |
Anastasia Voronova (Web Designer | Assistant)
|  Telegram  |  Behance  |



***
celebrity images are not for commercial use
the agency's corporate font
Mockup: freepik


Key Visual's generator / UI/UX Design
Published:

Key Visual's generator / UI/UX Design

Проект разработан командой за 2 недели на Мегахакатоне по UX/UI дизайну. Где был выбран заказчиком, как лучший проект и стал победителем всего ха Read More

Published: